<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>学生信息</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="contion" id="contion">
        <div class="">
            <ul class="lie">
                <li>姓名</li>
                <li>性别</li>
                <li>年龄</li>
                <li>爱好</li>
                <li>手机号码</li>
                <li class="cz">操作</li>
            </ul>
            <div id="contcon">
                <!-- <ul>
            <li>1</li>
            <li>张三</li>
            <li>男</li>
            <li>18</li>
            <li>打篮球</li>
            <li>18612345678</li>
            <li class="cz">
                <button onclick="editById(1)">修改</button>
                <button onclick="deleteById(1)">删除</button>
            </li>
        </ul> -->
            </div>
        </div>
    </div>
    <div class="btn">
        <button class="xz" id="btn" type="button" onclick="addStu()">新增</button>
        <ul class="zz" id="zz">
            <li class="row">姓名<input type="text" id="add_name" value="" placeholder="请输入2-16位的汉字用户名" /></li>
            <span class="add_namets" id="name_ts"></span>
            <li>性别
                <input name="sex" id="add_sex" type="radio" value="" checked /> 男
                <input name="sex" id="add_sex" type="radio" value="" /> 女
            </li>
            <li class="row">年龄<input type="text" id="add_age" value="" placeholder="请输入年龄" /></li>
            <span class="add_agets" id="age_ts"></span>
            <li class="row">爱好<input type="text" id="add_hop" value="" placeholder="请输入爱好" /></li>
            <span class="add_hopts" id="hop_ts"></span>
            <li class="row">电话<input type="text" id="add_phone" value="" placeholder="请输入电话" /></li>
            <span class="add_phonets" id="phone_ts"></span>
            <li class="cz">
                <button onclick="add_save()">保存</button>
                <button onclick="add_back()">返回</button>
            </li>
        </ul>
    </div>
    <div id="edit">
        <!-- <ul class="edit">
            <li>姓名<input type="text" id="txtStuName" value="" /></li>
            <li>性别
                <input id="Sexman" name="sex" type="radio" value="1" /> 男
                <input id="Secwoman" name="sex" type="radio" value="0" /> 女
            </li>
            <li>年龄<input type="text" id="txtStuAge" value="" /></li>
            <li>爱好<input type="text" id="txtStuHoppy" value="" /></li>
            <li>电话<input type="text" id="txtStuMobile" value="" /></li>
            <li class="cz">
                <button>保存</button>
                <button>返回</button>
            </li>
        </ul> -->
    </div>
</body>
</html>

<script src="js/index.js"></script>